<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PS切图实战</title><br>
<style>
  /* CSS reset start */
 	*{ margin : 0; padding :0; }
 	li{ list-style : none; }
 	a{ text-decoration : none; }
 	img{ vertical-align : top; }
	/* CSS reset end */
	.main{ width : 310px; height : auto; border: 1px #d7d7d7 solid;
  	       padding:0 23px 0 23px; }

</style>
</head>
<body>
	 	<div class="main">
 		<div class="title">
 			<h2>千锋动态</h2>
	 			<a href="#">更多>></a>
 		</div>
 		<div class="banner">
 			<img src="">
 		</div>
 		<ul class="list">
			<li>
	 				<a href="#">测试文字测试文字测试文字1</a>
 			</li>
 			<li>
				<a href="#">测试文字测试文字测试文字2</a>
 			</li>
 			<li>
	 				<a href="#">测试文字测试文字测试文字3</a>
			</li>
	 			<li>
 				<a href="#">测试文字测试文字测试文字4</a>
			</li>
 		</ul>
	</div>
</body>
</html>
